import {FC} from "react";
import {Spin} from "antd";

/**
 * @Description: 加载组件
 * 用于页面数据未获取到时，防止页面长时间白屏
 * @author zhaojiuyi
 * @date 2023/4/21
 */
export const Loading: FC = () => {
    return (
        <div style={{
            position: "fixed",
            width: "100vw",
            height: "100vh",
            top: 0,
            left: 0,
            zIndex: 999,
            background: "rgba(0,0,0,.3)",
            display: "grid",
            placeItems: "center"
        }}>
            <Spin size="large"></Spin>
        </div>
    )
}
